<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>错题本</title>
    <style>
        body {
            display: flex;
            flex-direction: column;
            /* justify-content: center; */
            align-items: center;
            min-height: 100vh;
            margin: 0;
        }

        table {
            width: 100%;
            max-width: 1000px; /* 可根据需要调整表格最大宽度 */
        }
    </style>
</head>
<body>
    <h1>错题本</h1>
    <table border="1">
        <thead>
            <tr>
                <th>ID</th>
                <th>汉字</th>
                <th>平假名</th>
                <th>分类</th>
                <th>中文释义</th>
                <th>错误次数</th>
            </tr>
        </thead>
        <tbody>
            {% for word in wrong_words %}
            <tr>
                <td>{{ word[0] }}</td>
                <td>{{ word[1] }}</td>
                <td>{{ word[2] }}</td>
                <td>{{ word[3] }}</td>
                <td>{{ word[4] }}</td>
                <td>{{ word[5] }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</body>
</html>